<template>
    <div class="tabbar">

        <van-tabbar v-model="active">
        <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item to="/tipic" icon="comment-o">专题</van-tabbar-item>
        <van-tabbar-item to="/category" icon="apps-o">分类</van-tabbar-item>
        <van-tabbar-item to="/cart" icon="cart-o">购物车</van-tabbar-item>
        <van-tabbar-item to="/user" icon="user-circle-o">我的</van-tabbar-item>
        </van-tabbar>
       
    </div>
    
</template>

<script>
export default {
    data(){
        return{
            
        }
    },
    mounted(){
    },
    computed:{
        active:{
            get(){
                switch (this.$route.path) {
                    case '/home':
                        return 0;
                    case '/tipic':
                        return 1;
                    case '/category':
                        return 2;
                    case '/cart':
                        return 3;
                    case '/user':
                        return 4;
                    default:
                        break;

                 }
            },
            set(){

            }

           
        }
    }

}
</script>

<style>

</style>